import React, { FC } from "react";
import { useNavigate } from "react-router-dom";
import { Button, Typography } from "antd";
import style from "./index.module.scss";
import classNames from "classnames/bind";

const CBN = classNames.bind(style);
const { Title, Paragraph } = Typography;

const Home: FC = () => {
  const nav = useNavigate();
  return (
    <div className={CBN("Home")}>
      <Typography className={CBN("container")}>
        <Title> 萝卜大师的问卷(react)</Title>
        <Paragraph>正在开发中,再等待2个礼拜哈，不急不急。。。。。。</Paragraph>
        <Button
          type="primary"
          size="large"
          onClick={() => {
            nav("/manage/list");
          }}
        >
          开始使用
        </Button>
      </Typography>
    </div>
  );
};
export default Home;
